<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/product.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <title>产品</title>
    <style>
      html,body{
        scroll-behavior: smooth;
      }
   </style>
</head>
<body>
   <div class="head">
      <div class="head-c">
          <a href="index.html">
              <img src="img/logo.png" alt="">
          </a>
          <ul class=" head-nav">
              
               <li class="nav-item">
                  <a href="index.html">首页</a>
                  <span class="line "></span>
               </li>  
               <li class="nav-item">
                  <a href="project.html">项目</a>
                  <span class="line"></span>
               </li> 
               <li class="nav-item  nav-item1">
                  <a href="product.html">产品</a>
                  <span class="line"></span>
               </li> 
               <li class="nav-item">
                  <a href="service.html">服务</a>
                  <span class="line"></span>
               </li> 
               <li class="nav-item">
                  <a href="news.html">新闻</a>
                  <span class="line"></span>
               </li>    
               <li class="nav-item mag0" >
                  <a href="about.html">关于</a>
                  <span class="line"></span>
               </li> 
              
              
          </ul>            

      </div>
  </div>
  <div class="banner">
   <img src="img/img/产品banner.png" alt="">
   </div>
   <div class="main-c">
      <div class="home" id="home1">
          <div class="head">
             <div class="title">
                <span>您的位置：产品 </span> >
                <span class="blue">产品展示</span>
             </div>
             <div class="nav">
                <ul>
                   <li>
                       <a href="#home1" class="item item1">床</a>
                       <div class="line1"></div>
                   </li>
                   <span class="item-line"></span>
                   <li>
                       <a href="#office1" class="item">沙发</a>
                       <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                       <a href="#food1" class="item">桌椅</a>
                       <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                       <a href="#more1" class="item">衣柜</a>
                       <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                     <a href="#more2" class="item">灯</a>
                     <!-- <div class="line1"></div> -->
                 </li>
              </ul>
             </div>
          </div>
          <div class="bd">
             <div class="pp-box">
                        
                <img src="img/img/big-bed.png" class="img1 alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
            <div class="pp-box">
                <img src="img/img/big-bed2.png" class="img1 alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
            <div class="pp-box mgr0">
                <img src="img/img/big-bed3.png" class="img1" alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
            <div class="pp-box">
                        
             <img src="img/img/zst1.jpg" class="img1 alt="">
             <p class="city">Marylebone公寓室内改造 上海</p>
             <p class="text">木隔墙创造出简约的生活空间</p>
              
             <!-- <div class="mask">
                 <p class="ms-city">Marylebone公寓室内改造 上海</p>
                 <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                 <p class="ms-desc"><br>
                     两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                     式厨房、餐厅和起居室空间和谐共融。</p>
                     <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
             </div> -->
         </div>
         <div class="pp-box">
             <img src="img/img/zst2.jpg" class="img1 alt="">
             <p class="city">Marylebone公寓室内改造 上海</p>
             <p class="text">木隔墙创造出简约的生活空间</p>
              
             <!-- <div class="mask">
                 <p class="ms-city">Marylebone公寓室内改造 上海</p>
                 <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                 <p class="ms-desc"><br>
                     两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                     式厨房、餐厅和起居室空间和谐共融。</p>
                     <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
             </div> -->
         </div>
         <div class="pp-box mgr0">
             <img src="img/img/zst3.jpg" class="img1" alt="">
             <p class="city">Marylebone公寓室内改造 上海</p>
             <p class="text">木隔墙创造出简约的生活空间</p>
              
             <!-- <div class="mask">
                 <p class="ms-city">Marylebone公寓室内改造 上海</p>
                 <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                 <p class="ms-desc"><br>
                     两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                     式厨房、餐厅和起居室空间和谐共融。</p>
                     <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
             </div> -->
         </div>
          </div>
      </div>
      


      <div class="office" id="office1">
          <div class="head">
             <div class="title">
                <span>您的位置：产品 </span> >
                <span class="blue"> 产品展示</span>
             </div>
             <div class="nav">
                <ul>
                   <li>
                      <a href="#home1" class="item ">床</a>
                      <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                      <a href="#office1" class="item item1">沙发</a>
                      <div class="line1"></div>
                   </li>
                   <span class="item-line"></span>
                   <li>
                      <a href="#food1" class="item">桌椅</a>
                      <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                      <a href="#more1" class="item">衣柜</a>
                      <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                     <a href="#more2" class="item">灯</a>
                     <!-- <div class="line1"></div> -->
                  </li>
             </ul>
             </div>
          </div>
          <div class="bd">
             <div class="pp-box">
                        
                <img src="img/img/zst1.jpg" class="img1 alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
            <div class="pp-box">
                <img src="img/img/zst2.jpg" class="img1 alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
            <div class="pp-box mgr0">
                <img src="img/img/zst3.jpg" class="img1" alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
           
         </div>
          <!-- </div> -->
      </div>



      <div class="food" id="food1">
          <div class="head">
             <div class="title">
                <span>您的位置：产品 </span> >
                <span class="blue">产品展示</span>
             </div>
             <div class="nav">
                <ul>
                   <li>
                      <a href="#home1" class="item ">床</a>
                      <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                      <a href="#office1" class="item">沙发</a>
                      <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                      <a href="#food1" class="item item1">桌椅</a>
                      <div class="line1"></div>
                   </li>
                   <span class="item-line"></span>
                   <li>
                      <a href="#more1" class="item">衣柜</a>
                      <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                     <a href="#more2" class="item">灯</a>
                     <!-- <div class="line1"></div> -->
                  </li>
             </ul>
             </div>
          </div>
          <div class="bd">
             <div class="pp-box">
                        
                <img src="img/img/zst1.jpg" class="img1 alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
            <div class="pp-box">
                <img src="img/img/zst2.jpg" class="img1 alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
            <div class="pp-box mgr0">
                <img src="img/img/zst3.jpg" class="img1" alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
           
         </div>
      </div>



      <div class="more" id="more1">
          <div class="head">
             <div class="title">
                <span>您的位置：产品 </span> >
                <span class="blue">产品展示</span>
             </div>
             <div class="nav">
                <ul>
                   <li>
                      <a href="#home1" class="item ">床</a>
                      <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                      <a href="#office1" class="item">沙发</a>
                      <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                      <a href="#food1" class="item">桌椅</a>
                      <!-- <div class="line1"></div> -->
                   </li>
                   <span class="item-line"></span>
                   <li>
                      <a href="#more1" class="item item1">衣柜</a>
                      <div class="line1"></div>
                   </li>
                   <span class="item-line"></span>
                   <li>
                     <a href="#more2" class="item">灯</a>
                     <!-- <div class="line1"></div> -->
                  </li>
             </ul>
             </div>
          </div>
          <div class="bd">
             <div class="pp-box">
                        
                <img src="img/img/zst1.jpg" class="img1 alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
            <div class="pp-box">
                <img src="img/img/zst2.jpg" class="img1 alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
            <div class="pp-box mgr0">
                <img src="img/img/zst3.jpg" class="img1" alt="">
                <p class="city">Marylebone公寓室内改造 上海</p>
                <p class="text">木隔墙创造出简约的生活空间</p>
                 
                <!-- <div class="mask">
                    <p class="ms-city">Marylebone公寓室内改造 上海</p>
                    <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                    <p class="ms-desc"><br>
                        两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                        式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                </div> -->
            </div>
           
         </div>
      </div>



      <div class="more" id="more2">
               <div class="head">
                  <div class="title">
                     <span>您的位置：产品 </span> >
                     <span class="blue">产品展示</span>
                  </div>
                  <div class="nav">
                     <ul>
                        <li>
                           <a href="#home1" class="item ">床</a>
                           <!-- <div class="line1"></div> -->
                        </li>
                        <span class="item-line"></span>
                        <li>
                           <a href="#office1" class="item">沙发</a>
                           <!-- <div class="line1"></div> -->
                        </li>
                        <span class="item-line"></span>
                        <li>
                           <a href="#food1" class="item">桌椅</a>
                           <!-- <div class="line1"></div> -->
                        </li>
                        <span class="item-line"></span>
                        <li>
                           <a href="#more1" class="item ">衣柜</a>
                           <!-- <div class="line1"></div> -->
                        </li>
                        <span class="item-line"></span>
                        <li>
                        <a href="#more2" class="item item1">灯</a>
                        <div class="line1"></div>
                     </li>
                  </ul>
                  </div>
               </div>
               <div class="bd">
                  <div class="pp-box">
                           
                     <img src="img/img/zst1.jpg" class="img1 alt="">
                     <p class="city">MODBERG</p>
                     <p class="text">墨西拿灰色生态床</p>
                      
                     <!-- <div class="mask">
                        <p class="ms-city">Marylebone公寓室内改造 上海</p>
                        <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                        <p class="ms-desc"><br>
                           两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                           式厨房、餐厅和起居室空间和谐共融。</p>
                           <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                     </div> -->
               </div>
               <div class="pp-box">
                     <img src="img/img/zst2.jpg" class="img1 alt="">
                     <p class="city">MODBERG</p>
                     <p class="text">墨西拿灰色生态床</p>
                      
                     <!-- <div class="mask">
                        <p class="ms-city">Marylebone公寓室内改造 上海</p>
                        <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                        <p class="ms-desc"><br>
                           两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                           式厨房、餐厅和起居室空间和谐共融。</p>
                           <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                     </div> -->
               </div>
               <div class="pp-box mgr0">
                     <img src="img/img/zst3.jpg" class="img1" alt="">
                     <p class="city">MODBERG</p>
                     <p class="text">墨西拿灰色生态床</p>
                      
                     <!-- <div class="mask">
                        <p class="ms-city">Marylebone公寓室内改造 上海</p>
                        <p class="ms-desc">木隔墙创造出简约的生活空间</p>
                        <p class="ms-desc"><br>
                           两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                           式厨房、餐厅和起居室空间和谐共融。</p>
                           <img src="img/img/2ef780e1337e0670b29b8be5c85dcd3.png" class="ms-btn" alt="">
                     </div> -->
               </div>
               
            </div>
      </div>
   </div>
     
  <div class="footer">
   <div class="footer-c">
       <div class="ft-left">
           <p class="ft-text">简设装饰有限公司</p>
           <div class="ft-logo">
               <img src="img/img/qq.png" alt="">&nbsp;
               <img src="img/img/wb.png" alt="">&nbsp;
               <img src="img/img/wx.png" alt="">&nbsp;
           </div>
       </div>
       <div class="ft-center">
           <p class="ft-text">地址：中国地区**分区6号写字楼888室</p>
           <p class="ft-text">电话：688-8888-008</p>
           <p class="ft-text">传真：000-66668888</p>
       </div>
       <div class="ft-right">
           <p class="ft-text">邮编：100000 </p>
           <p class="ft-text">手机：186-6006-8008</p>
           <p class="ft-text">邮箱：00060008@163.com</p>
       </div>
   </div>
</div>
</body>
</html>